import React, {Component } from 'react'
import { ErrorBlock } from 'antd-mobile'


class ErrorBoundary extends Component{

	 constructor(props) {
	    super(props);
	    this.state = { error: null, errorInfo: null };
	  }
	
	//   static getDerivedStateFromError(error) {
	//     // 更新 state 使下一次渲染能够显示降级后的 UI
	// 		//console.log('hm--->getDerivedStateFromError', this.state.hasError);
	//     return { hasError: true };
	//   }
	
	  componentDidCatch(error, errorInfo) {
	    // 1、错误信息（error）
	    // 2、错误堆栈（errorInfo)
			 this.setState({
			      error: error,
			      errorInfo: errorInfo
			 })
			console.log('hm-error-->', error);
	    console.log('hm-errorInfo-->', errorInfo);
	  }
	
	  render() {
	    if (this.state.errorInfo) {
	      return <h1>页面出错了</h1>;
	    }
	    return this.props.children;
	  }
		
       
}

export default ErrorBoundary ;
